.fortune-fade-in-enter-active,
.fortune-fade-in-leave-active {
    transition: all .6s cubic-bezier(0.55, 0, 0.1, 1);
}
.fortune-fade-in-enter-from,
.fortune-fade-in-leave-active {
    opacity: 0;
}

.fortune-zoom-in-top-enter-active,
.fortune-zoom-in-top-leave-active {
    opacity: 1;
    transform: scaleY(1);
    transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transform-origin: center top;
}
.fortune-zoom-in-top-enter-from,
.fortune-zoom-in-top-leave-active {
    opacity: 0;
    transform: scaleY(0);
}

.scale-enter-from,
.scale-leave-to {
    transform: scale(0);
}
.scale-leave-from,
.scale-enter-to {
    transform: scale(1);
}
.scale-enter-active,
.scale-leave-active {
    transition: all 0.2s;
}
.left-enter-from,
.left-leave-to {
    transform: translate3d(-100%, 0, 0);
}
.left-leave-from,
.left-enter-to {
    transform: translate3d(0, 0, 0);
}
.left-enter-active,
.left-leave-active {
    transition: all 0.2s;
}
